<template>
	<view class="container">
		<view class="image">
			<u-image src="/static/avatar/touxiang1.jpg" width="100%" height="250px"></u-image>
		</view>
		<view class="info">
			<view class="title">
				课程测试测试
			</view>
			<view class="description">
				课程描述测试课程描述测试课程描述测试课程描述测试
			</view>
			<view style="margin-top: 5px;">
				<u-row>
					<u-col :span="6">
						<u-button>老师详情</u-button>
					</u-col>
					<u-col :span="6">
						<u-button>预约课程</u-button>
					</u-col>
				</u-row>
			</view>
			
		</view>

		
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		// 在目标页面的生命周期钩子或方法中获取参数值
		onLoad(option) {
		  console.log(option.id); // 输出 value1
		},
		methods: {

		}
	}
</script>

<style>
.container{
	height: 100vh;
	width: 100%;
	background: #f4f6fa;
	color: #333;
	padding-bottom: 100px;
		
}

.info{
	padding: 30rpx 20rpx;
	margin-top: 30rpx;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10rpx;
	width: 92%;
	margin-left: 4%;
}	
.title{
	font-size: 25px;
	color: #333;
	font-weight: bolder;
}
.description{
	margin-top: 5px;
	color: #bebebe;
	text-indent: 42rpx;
}
</style>